/*当屏幕尺寸大于1200px时，应用下面的CSS样式*/
@media screen and (min-device-width: 876px) {
    .content {
        display: none;
    }

    .page {
        display: block;
    }
}



/*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
@media screen and (max-device-width: 876px) {
    html {
        min-width: 0px;
    }

    .page {
        display: none;
    }

    body {
        margin: 0;
        padding: 0;
        height: 100vh;
        max-width: 100vw;
    }

    .content {
        display: block;
        min-height: 100%;
        min-width: 360px;
        position: relative;
    }

    .main-body {
        padding-bottom: 240px;
    }

    .caidan-btn {
         width: 5vw;
    height: 5vw;
    }

    .caidan-btn caidanOpen {}

    .mySwiperHome {
        --swiper-pagination-color: #c13432;
        /* 分页器颜色*/
        --swiper-navigation-color: #c13432;
        /* 单独设置按钮颜色 */
        --swiper-navigation-size: 50px;
        /* 设置按钮大小 */
    }

    .journalism-dynamic-swiper {
        --swiper-pagination-color: #c13432;
        /* 分页器颜色*/
        --swiper-navigation-color: #c13432;
    }

    .SwiperCampusNews {
        --swiper-navigation-color: #fff;
        /* 分页器颜色*/
        --swiper-pagination-color: #fff;
        --swiper-navigation-size: 30px;
        /* 设置按钮大小 */
    }

    .mySwiperBottom {
        --swiper-pagination-color: #c13432;
        /* 分页器颜色*/
        --swiper-navigation-color: #c13432;
    }

    /* 头部样式 */

    .head-main {
        display: flex;
        align-items: center;
        background: #9D1D22;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        /* position: relative; */
        height: 70px;
        margin-bottom: -1px;
    }

    /* 学院LOGO */
    .head-main-logo {
       
        width: 100%;
        height:50%;
    }

    /*  */
    .searchArea {
        width: 32%;
        /* display: flex; */
    }

    /* 搜索 LOGO */
    .search-logo {
        margin-left: 20px;
        height: 25px;
        width: 25px;
    }

    /* 选项 LOGO */
    .menu-logo {
        margin-left: 10px;
        height: 25px;
        width: 30px;
    }

    /* 轮播图 */
    .banner-img {
        height: 220px;
        width: 100%;
    }

    .dynamic-banner-img {
        height: 200px;
        width: 100%;
    }

    /* 新闻动态 */
    .journalism-dynamic {
        margin: 28px 10px 0px 10px;
    }

    .journalism-dynamic-head {
        display: flex;
        justify-content: space-between;
    }


    .journalism-dynamic-title {
        color: #9D1D22;
        font-size: 19px;
    }

    .more {
        display: flex;
        align-items: center;

    }

    .more-title {
        color: #9D1D22;
        font-size: 15px;
    }

    .more-logo {
        height: 13px;
        width: 13px;
        margin-left: 5px;
      
    }

    .journalism-dynamic-content {

        height: 100px;
    }

    .journalism-dynamic-content p {
        margin-top: 12px;
        font-size: 15px;
        font-weight: 400;
        color: #000000;
    }

    .academic {
        /* display: flex; */
        margin: 20px 10px 0px 10px;
    }

    .academic-content {
        display: flex;
        align-items: center;
margin-top: 12px;
    }

    .academic-title {
        margin-top: 10px;
        flex: 3;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
    }

    .academic-Mar {
        margin-left: 20px;
        /* flex: 1; */

        display: flex;
        flex-direction: column;
        background: #EEEEEE;
        text-align: center;
    }

    /* 学术动态 */
    .academic-Mar-Number {
        width: 55px;
        height: 25px;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #9D1D22;
    }

    /* 学术动态英文 */
    .academic-Mar-English {
        line-height: 25px;
        width: 55px;
        height: 25px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #333333;
    }

    /* 结尾 */
    .ending {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* height: 220px; */
        background: #9D1D22;
        color: #FEFEFE;
    }

    /* 底部分享logo视图 */
    .ending-share {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    /* 底部分享LOGO */
    .ending-share-logo {
        margin: 22px;
        height: 30px;
        width: 30px;

    }

    .Copyright {
        font-size: 12px;
        text-align: center;
        border-top: #B93136 solid 1px;
        height: 40px;
        line-height: 40px;
    margin-top: 12px;
    }

    .ending-remark {
        margin: 5px 20px 0px 20px;
        font-size: 11px;
    }

    .ending-remark div {
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
    }


    /* 学术报告 */
    .academic-report {
        padding-top: 1px;
        padding-bottom: 10px;
        background-image: url('../wapimg/academic-report-bg.png');
        background-size: 100% 100%
    }

    /* 学术报告内容左侧 LOGO */
    .academic-report-logo {
        height: 12px;
        width: 12px;
    }

    /* 学术报告里面的第一个div */
    .academic-report-item {
        background-color: #FFFFFF;
        padding: 5px;
        margin: 10px;
    }

    .academic-report-item b {
        font-size: 14px;
        color: #333333;
    }

    /* 学术报告内边框 */
    .academic-report-border {
        border: #E1C6AD solid 1px;
        padding: 10px;
    }

    .academic-report-item-content {
        font-size: 12px;
        color: #666666;
        margin-top: 15px;
    }

    .academic-report-item-content div {
        display: flex;
    }

    .academic-report-item-content div p {
        margin-left: 5px;
    }

    .academic-report-item-content div img {
        margin-top: 2px;
    }

    /* 底部轮播图 */
    .bottom-swiper {
        height: 160px;
        background-color: #F3F3F3;
        background-image: url('../wapimg/bottom-banner-bg.png');
        /* background-size: 100% 100%; */
        margin: 10px;
        padding: 23px 42px 23px 42px;
    }

    .bottom-banner-img {
        height: 114px;
        width: 100%;
    }

    .mySwiperBottom {
        margin: 5px;
        background-color: #FFFFFF;
    }

    /* 回到顶部按钮 */
    .to-top {
        z-index: 10000;
        position: fixed;
        right: 10px;
        bottom: 20px;
        height: 40px;
        width: 40px;
        background-color: #D9AD84;
        border-radius: 10000px;
        display: none;
        justify-content: center;
        align-items: center;
    }

    .to-top img {
        height: 9px;
        width: 16px;
        margin-bottom: 5px;

    }



    /* 导航 */
    .navigation {
        border-bottom: #c13432 solid 1px;
        margin: 12px 10px 0 10px;
        display: flex;
      align-items: center;
padding-bottom: 12px;
    }

    .navigation img {
        height: 13px;
        width: 13px;

    }

    .navigation p {
        font-size: 12px;
        margin-left: 4px;
    }

    /* list 列表 */
    .list-item {
        display: flex;
        align-items: center;
        margin: 10px;
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: #CED3DC solid 1px;
    }

    .list-item p {
        font-size: 12px;
        color: #9D1D22;
        margin-top: 4px;
    }

    .list-item b {
        font-size: 20px;
        color: #9D1D22;
    }

    .list-item-time {
        border: #9D1D22 solid 1px;
        text-align: center;
        padding: 8px 12px 8px 12px;
        border-radius: 4px;
    }

    .list-item-content {
        color: #333333;
        font-size: 15px;
        margin-left: 12px;
    }

    /* 列表信息详情 */
    .list-item-content-title {
        font-size: 16px;
        margin: 25px;
        text-align: center;
    }

    .list-item-content-auxiliary {
        font-size: 12px;
        color: #999999;
        display: flex;
        justify-content: center;
    }

    /* 新闻时间 */
    .list-item-content-time {
        display: flex;
        margin-left: 12px;
    }

    .list-item-content-time img {
        height: 12px;
        width: 12px;
        margin-top: -9px;
    }

    .list-item-content-time p {
        margin-left: 8px;
    }

    /* 分割线 */
    .border {
        height: 1px;
        background-color: #CCCCCC;
        margin: 6px 0 6px 0;
    }

    /* 上下切换篇章 */
    .switchover {
        margin: 13px;
    }

    .switchover span {
        font-size: 13px;
        color: #333333;
    }

    .switchover span {
        font-size: 13px;
        color: #333333;
    }

    .switchover a span {
        font-size: 13px;
        color: #888888;
    }

    /* 应用物理系 部门教工 */
    .position {
        margin-top: 22px;
    }

    .position b {
        color: #000000;
        font-size: 15px;
        margin: 15px;
    }

    .position div {
        height: 1px;
        background-color: #B3B3B3;
        margin: 11px 11px 0 11px;
    }

    .Teacher-list {
        display: flex;
        flex-wrap: wrap;
    }

    .Teacher-list div {
        text-align: center;
        width: 33%;
        margin-top: 15px;
    }

    .Teacher-list div img {
        height: 130px;
        width: 104px;
    }

    .Teacher-list div p {
        font-size: 15px;
        color: #000000;
        margin: 11px;
    }

    .office-button {
        height: 30px;
        width: 110px;
        text-align: center;
        font-size: 14px;
        color: #FFFF;
        background-color: #016EAF;
     
        margin: 20px 12px 12px 12px;
        border-radius: 4px;
    }

    .office-button p {
        line-height: 30px;
    }

    .office-staff-list {
        margin: 13px;
        border-top: #B3B3B3 solid 1px;
    }

    .office-staff-list img {
        height: 121px;
        width: 95px;
    }

    .office-staff-introductory {
        font-size: 12px;
        margin-left: 14px;
    }

    .office-staff-introductory div {
        margin-top: 5px;
    }

    .office-staff-item {
        margin-top: 25px;
        /* margin: 13px; */
        display: flex;
    }

    .office-staff-name {
        font-size: 13px;
    }


    .office-staff-name span {
        margin-left: 5px;
        color: #666666;
    }

    /* 登录页 */
    .login {
        margin-top: 45px;
        margin-bottom: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .login div {
        width: 100%;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -60px;
    }

    .login b {
        font-size: 16px;
    }

    .login input {
        /* margin-top: 23px; */
        width: 240px;
        height: 40px;
        background: #EFEFEF;
        border-radius: 3px;
        border: none;
        margin-left: 13px;
    }

    .login p {
        width: 50px;
        font-size: 13px;
        color: #666666;
        margin-top: 15px;
    }

    .login button {
        margin-top: 23px;
        width: 240px;
        height: 40px;
        background: #9D1D22;
        border-radius: 3px;
        border: none;
        color: #ffff;
    }

    /* 搜索结果页 */
    .search-result {
        margin: 20px;
    }

    .search-result b {
        font-size: 15px;
        color: #9D1D22;
    }

    .search-result-list {}

    .search-result-item {
        padding-bottom: 20px;
        border-bottom: 1px solid #CCCCCC;
    }

    .search-result-item p {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 4px;
        color: #333333;
    }

    .search-result-item img {
        height: 16px;
        width: 16px;
        /* margin-right: 25px; */
    }

    .search-result-item span {
        color: #8C8C8C;
        font-size: 12px;
    }

    .professor-list-item {
        margin: 12px;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
        padding: 10px;
    }

    /* 教授头像 */
    .professor-head {
        height: 100px;
        width: 80px;
    }

    .professor-info {
        display: flex;
    }

    .professor-info-text {
        margin-left: 25px;
    }

    /* class="professor-auxiliary" */
    .professor-auxiliary {}

    .professor-name b {
        font-size: 16px;
    }

    .professor-name span {
        font-size: 13px;
        margin-left: 10px;
    }

    .professor-auxiliary img {
        height: 15px;
        width: 15px;
    }

    .professor-auxiliary span {
        font-size: 12px;
    }

    .professor-base {
        padding-top: 12px;
        margin-top: 20px;
        font-size: 13px;
        color: #4D4D4D;
        border-top: 1px solid #CCCCCC;
    }

    /* 字母导航 */
    .AlphabeticNavigation {
        display: flex;
        flex-wrap: wrap;
    }

    .Alphabetic-navigation {
        margin-top: 20px;
        margin-left: 15px;
    }

    .Alphabetic-navigation ul {
        display: flex;
        margin-top: -10px;
    }

    .Alphabetic-navigation li {
        width: 20px;
        text-align: left;
        font-size: 15px;
    }

    /* * {
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto !important;
}

:focus {
    outline: 0;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.relative {
    position: relative;
}

div {
    box-sizing: border-box;
    font-family: Microsoft YaHei;
} */

    /* img {
    display: block;
} */

    .hideOneLine {
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .hideTwoLine {
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .card {
        box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 20%);
        padding: 30px;
        border-radius: 30px;
    }

    /*去除a标签下划线*/
    a {
        text-decoration: none !;
        /* 去除默认的下划线 */
        outline: none;
        /* 去除旧版浏览器的点击后的外虚线框 */
        color: #000;
        /* 去除默认的颜色和点击后变化的颜色 */
        cursor: pointer;
    }

    a:hover {
        text-decoration: none
            /* color: #d80000 !important; */
            /* #c13432 */
    }

    .white {
        color: white;
    }

    /*去除未被访问的a标签的下划线*/
    a:link {
        text-decoration: none;
    }

    /*去除已经被访问过的a标签的下划线*/
    a:visited {
        text-decoration: none;
    }

    /*去除鼠标悬停时的a标签的下划线*/
    a:hover {
        text-decoration: none;
    }

    /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
    a:active {
        text-decoration: none;
    }

    /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
    a:focus {
        text-decoration: none;
    }

    /* 两侧空隙宽度 */

    .hideTowLine {
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .loading {
        height: 40px;
        margin: 100px auto;
        display: none;
        justify-content: center;
    }

    .loading span {
        width: 8px;
        height: 100%;
        border-radius: 4px;
        background-color: lightgreen;
        animation: load 1s ease infinite;
        margin: 0 2px;
    }

    @keyframes load {

        0%,
        100% {
            transform: scaleY(1.5);
            background-color: lightgreen;
        }

        50% {
            transform: scaleY(1);
            background-color: lightblue;
        }
    }

    .loading span:nth-child(2) {
        animation-delay: 0.2s;
    }

    .loading span:nth-child(3) {
        animation-delay: 0.4s;
    }

    .loading span:nth-child(4) {
        animation-delay: 0.6s;
    }

    .loading span:nth-child(5) {
        animation-delay: 0.8s;
    }



    /*去除a标签下划线*/
    a {
        text-decoration: none;
    }

    /*去除未被访问的a标签的下划线*/
    a:link {
        text-decoration: none;
    }

    /*去除已经被访问过的a标签的下划线*/
    a:visited {
        text-decoration: none;
    }

    /*去除鼠标悬停时的a标签的下划线*/
    a:hover {
        text-decoration: none;
    }

    /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
    a:active {
        text-decoration: none;
    }

    /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
    a:focus {
        text-decoration: none;
    }

    div {
        box-sizing: border-box;
    }

    /* 模块title */

    /* .template-page-title>img {
    margin-right: 10px;
} */

    .template-page-title-en {
        font-size: 16px;
        font-family: FZDaBiaoSong-B06;
        font-weight: 400;
        color: #a7b0ba;
    }

    .template-page-title-zh {
        font-size: 24px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
    }

    .flex {
        display: flex;
    }

    .center {
        justify-content: center;
        align-items: center;
    }

    /* 顶部 */
    a {
        text-decoration: none;
        color: rgb(0, 0, 0);
    }

    .iconArea {
        display: flex;
        align-items: center;
    }

    .topArea {
        display: flex;
        justify-content: space-between;
        width: 73%;
       
        align-item: center;
        position: relative;
        top: 30px;
        padding-left: 15px;
    }

    .smallSearchArea {
        position: relative;
        width: 100vw;
        height: 65px;
        display: none;
        justify-content: center;
        background: #9D1D22;
    }

    .smallSearchInput {
        font-size: 14px;
        display: block;
        width: 80vw;
        height: 40px;
        caret-color: black;
        border-radius: 25px;
        margin: 15px auto 0;
        padding-left: 8vw;
        padding-right: 10vw;

        position: relative;
        display: inline-block;
        border: 0;
        background: #e5eafd;
        box-sizing: border-box;
    }

    .searchAfterArea {
        display: inline-block;
        position: relative;
    }

    .searchAfterArea::after {
        content: "";
        position: absolute;
        right: 16px;
        top: 25px;
        color: #adadad;
        width: 18px;
        height: 18px;
        background: url(./image/head/search.png);
        background-size: 100% 100%;
        z-index: 99;
    }
    .input-search {
        height: 20px;
        width: 20px;
        /* cursor: pointer; */
        position: absolute;
        right: 5vw;
        top: 25px;
        cursor:hand;
        z-index:9999;
    }
    .searchArea {
        position: relative;

        line-height: 40px;
        align-items: center;
        justify-content: center;
        display: flex;
        margin-right: 35px;
    }

    .searchArea:hover .searchInput {
        display: block;
    }

    .search {
        height: 18px;
        width: 18px;
        cursor: pointer;
        margin-left: 10px;
    }

    .searchInput {
        display: flex;

        box-shadow: none;
        border: none;
        padding: 0px 11px;

        font-size: 12px;
        color: #555;
        outline: 0;
        z-index: 555;
        width: 160px;
        height: 20px;
        background: #ffffff;
        border-radius: 2px;
    }

    .menuArea,
    .menuArea2 {
        display: none;
    }

    .navItem {
        cursor: pointer;
    }

    .navItem-title {
        border-bottom: 1px solid #AB363B;
        display: flex;
        justify-content: space-between;
        /* border-bottom: 1px solid #AB363B; */
    }

    .navItem-title span {
        width: 100%;
    }

    .navItem-title a {
        display: inline;
        /* width: 100%; */
    }

    .navItem-lower-add {
        display: block;
        /* margin: 17px 20px 0 0; */
        /* float: right; */
        height: 12px;
        width: 12px;
    }

    .navItem-lower-subtract {
        display: none;
        /* margin: 17px 20px 0 0; */
        /* float: right; */
        height: 12px;
        width: 12px;
    }

    .head-main-logo {
        /*width: 250px;
        height: 30px;
        margin-left: 13px;*/
        /* margin-left: 15px; */
        /* width: 100%;
    height: 35px; */
    }

    .menu:hover .menuArea2 {
        display: block;
    }

    .caidan-btn {
       
        width: 5vw;
    height: 5vw;
    }

    .caidan-btn1 {
     
        top: 40%;
          width: 5vw;
    height: 5vw;
    }

    .caidan-btn2 {
     
        top: 40%;
          width: 5vw;
    height: 5vw;
    }

    /*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
    @media screen and (max-device-width: 1200px) {
        .topArea {
            top: 0;
        }

        .menu:hover .menuArea2 {
            display: flex;
            flex-wrap: wrap;
        }

        .menuArea2 .menu2 {
            width: 33.33%;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #9ca7b8;
        }

        .menu {
            padding: 0 calc(25px / 2);
            /* background: #94151A; */
        }

        .menuArea>div:nth-child(1)>div>img {
            display: none;
        }

        .menuArea>div:nth-child(1)>div>span {
            color: #333;
            margin-left: 10px;
        }

        .menu a {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 40000;
            color: #ced3dc;
            /* background: #94151A; */
            opacity: 0.95;
            width: 100%;
            height: 100%;
            display: block;
            height: 48px;
            display: flex;
            align-items: center;

            position: relative;
            border-bottom: 1px solid #AB363B;
        }

        .smallHidden {
            display: none;
        }

        .iconArea {
            width: 10%;
      display: none;
      position: absolute;
      top: 22px;
      right: 80px;
        }

        .search {
            width: 30px;
            height: 30px;
        }

        .searchInput {
            left: -50vw;
            top: 0;
            width: 45vw;
        }

        .navTitle {
            color: black;
            padding: 10px 20px;
        }

        

        /* nav总体 */
        .menuArea {
            display: block;
            /* background: #94151A; */
            opacity: 0.95;
            margin-left: 0 !important;
        }

        /* nav二级菜单整体 */
        .menuArea>div:nth-child(1) {}

        /* nav二级菜单item */

        .menuArea>div:nth-child(2) {
            display: none;
        }

        .head-main {
            background: #AB363B;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            width: 100%;
            position: relative;
            height: 70px;
            margin-bottom: -1px;
        }

        .head-main-div {
            height: 65px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            /* margin: 0 auto; */
            /* padding-left: 5%; */
        }

        .head-main-nav {
            display: none;
            position: absolute;
            top: 69px;
            right: 0;
            width: 80%;
            background: #fff;
            z-index: 10000;
        }

        .head-main-logo {
            /* flex: 1; */
            /* float: left; */
            /* margin-left: -90px; */
            /* width: 0%; */
            /*width: 265px;
            height: 35px;*/
        }

        .caidanSearch {
            display: block;
            right: 60px !important;
        }

        .caidanEn {
            display: block;
            right: 100px !important;
        }

        .caidanOpen {
            display: block;
        }

        .caidanClos {
            display: none;
        }

        .head-main-nav .navTitle {
            display: flex;
            height: 55px;
            align-items: center;
            padding-left: calc(25px / 2);
            font-size: 17px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #fefefe;
        }

        .head-main-nav .title {
            display: flex;
            height: 55px;
            align-items: center;
            padding-left: calc(25px / 2);
            font-size: 17px;
            color: #fefefe;
        }

        .head-main-nav .n1 {
            font-size: 17px;
        }

        .head-main-nav .n2 {
            font-size: 16px;
        }

        .head-main-nav .n3 {
            font-size: 15px;
        }

        .head-main-nav .n4 {
            font-size: 14px;
        }
    }
}